<html>
<head>
    <title>${PAGE_TITLE}</title>
    <style>
        * {font-size: 14px; font-family:"Microsoft Yahei", monospace;background-color: #f9f9f9;}
        ul {margin:0; padding:0}
        .api-item {margin: 0 auto 15px auto; padding: 10px; list-style: none; }
        .method-table {border: 1px solid #ccc; border-collapse: collapse}
        .pattern {font-size: 20px;display: block;}
        .collapse-cell {border: 1px solid #ccc; padding: 5px; text-align: left; vertical-align: top}
        .api-description {margin-left: 20px; font-size: 18px; line-height: 200%}

        .content-table {position: fixed; top: 50px; right: 50px; border: 1px solid #ccc;}
        .content-item {list-style: none;}
        .content-item a {padding: 10px; color: #000; cursor: pointer; display: block; text-decoration: none}
        .content-item a:hover {background-color: #ffa500; color:#fff;}
        .cell-header {background-color: #efefef;}
    </style>
</head>
<body>
<ul class="content-table" id="content-table">
${content-table}
</ul>
<ul>
    ${api-list}
</ul>
</body>
</html>